$(function() {
    var oF=document.getElementById('file1');
    var oBtn=document.getElementById('btn');
    var oUl=document.getElementById('ul1');
    var oDiv=document.querySelector('.zl-d3');
    var oBtn1=document.getElementById('btn1');

    console.log(oF,oBtn,oUl)
    var oTime = $('#showtime')
    console.log(oTime);
    $(function () {
        $('#viewer').viewer({
            url: "data-original",
            toolbar: false
        });
    })

    function clock() {
        var oDate = new Date();
        var y = oDate.getFullYear();
        var M = oDate.getMonth() + 1;
        var d = oDate.getDate();
        var h = oDate.getHours();
        var m = oDate.getMinutes();
        var s = oDate.getSeconds();
        oTime.html(y + "年" + M + "月" + d + "日 " + h + ":" + m + ":" + s)
    }

    setInterval(clock, 1000);
    oBtn.onclick=function () {
        /*创建一个文件阅读器*/
        var oFReader = new FileReader();
        /*获取文件，因为可以上传多个，所以是数组，咱们获取第一个就可以了*/
        var file = oF.files[0];
        //*通过文件阅读器,解析uRL地址，并且转化成base64格式*/
        oFReader.readAsDataURL(file);
        //*等文件阅读器加载完毕的时候*/
        oFReader.onloadend = function(ev){
            //*或者目标文件的解析结果*/
            var src = ev.target.result;

            var oText=document.createElement('textarea');

            oText.rows=20;
            oText.cols=100;
            oText.style.float='left';
            oText.style.resize="none";
            //*创建，插入*/
            var oLi=document.createElement('li');
            oLi.style.width='100%';
             oLi.style.width=700+"px";

             oLi.style.float='left';
             oLi.style.display="inline-block"
            oLi.innerHTML=`<img src="${src}">`;
             oLi.appendChild(oText);
             oUl.appendChild(oLi);
        }




    }
oBtn1.onclick=function(){
        oUl.innerHTML='';

}

})
